<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <title></title>
    <script src="static/jquery/jquery-3.1.0.min.js"></script>
</head>
<body>
<p class="test1">第一个段落</p>
<p id="test2">第二个段落</p>
<p>输入框:<input type="text" id="test3" value="hello"></p>

<button id="btn1">设置文本</button>
<button id="btn2">设置html</button>
<button id="btn3">设置输入值</button>
</body>
<script>
    $(document).ready(function () {
        $("#btn1").click(function () {
            $(".test1").text("hello word");
        });//end click1
        $("#btn2").click(function () {
            $("#test2").html("<b>hello world</b>");
        });//end click2
        $("#btn3").click(function () {
            $("#test3").val("weclome")
        });//end click3
    });//end ready
</script>
</html>